$bgColor:#f3f3f3;
$headerFontColor:#333;
$mainColor:#fff;
$textMainColor:#666;
@function rem($px,$unit:75){
  @return $px/$unit#{rem}
}
*{
  margin:0;
  padding:0;
}
.verification-container{
  width: rem(750);
  background: $bgColor;
  font-size: 0;
  margin:0 auto;
  position: relative;
  height: 100vh;
  @at-root .verification-hd{
    height: rem(92);
    font-size: rem(36);
    background: $mainColor;
    line-height:rem(92) ;
    border-bottom: #aaa;
    padding-left: rem(38);
    @at-root .verification-item{
      width: 25%;
      vertical-align: middle;
      display: inline-block;
      @at-root .verification-hd i{
        display: inline-block;
        height:rem(36);
        width: rem(36);
        background-image: url("./img/fanhui.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: rem(36);
      }
    }
    @at-root .verification-hd  .verification-hd_name {
      text-align: center;
      width: 50%;
    }
  }
  @at-root .verification-bd{
    height:rem(774) ;
    font-size: rem(30);
    @at-root .verification-bd_equity{
      color: #919191;
      font-size: rem(24);
      height: rem(102);
      display: block;
      box-sizing: border-box;
      padding:rem(60) 0 0 rem(30);
      border-bottom:1px solid #e8e8e8;
    }
    @at-root .verification-bd_information{
      height: rem(88);
      border-bottom:1px solid #e8e8e8;
      display: block;
      line-height: rem(88);
      background: $mainColor;
      padding-left: rem(30);
      @at-root .verification-bd_information label{
        color: $textMainColor;
        width: rem(163);
        display: inline-block;
      }
      @at-root .verification-bd_information input{
        border:none;
        outline: none;
        height: rem(88);
        width: 55.47%;
      }
      @at-root .verification-bd_information i{
        display: inline-block;
        width: rem(30);
        height: rem(30);
        vertical-align: middle;
        background-position: center;
        background-repeat: no-repeat;
        background-size: rem(30);
        background-image: url("./img/cancel.png");
      }
    }
    @at-root .verification-bd_agreement{
      height: rem(101);
      vertical-align: middle;
      display: table-cell;
      color:#d0d0d0;
      padding-left: rem(30);
      position: relative;
      @at-root .verification-bd_agreement p{
        display: inline-block;
      }
      @at-root .verification-bd_read{
        margin-left: rem(50);
      }
      @at-root .verification-bd_true{
        border: rem(3) solid #30abfd;
        width: rem(36);
        height: rem(36);
        position: absolute;
        @at-root .verification-bd_agreement i{
          width: rem(36);
          height: rem(36);
          vertical-align: middle;
          background-position: center;
          background-repeat: no-repeat;
          background-size: rem(30);
          display: none;
          left:0;
          top:0;
          position: absolute;
          background-image: url("./img/selected.png");
        }
      }
      @at-root .verification-bd_agree{
        color: #3096fe;
      }
    }
    @at-root .verification-bd_next{
      margin:0 rem(20);
      @at-root .verification-bd_next input{
        border-radius: rem(6);
        background: #3599ff;
        color: $mainColor;
        height: rem(73);
        outline: none;
        border:none;
        width: rem(711);
      }
    }
  }
  @at-root .verification-ft{
    display: none;
    //height: rem(434);
    background: $mainColor;
    position: fixed;
    width: rem(750);
    bottom: 0;
    @at-root .verification-ft div{
      height: rem(108);
      border-bottom: 1px solid #898989;
      @at-root .verification-ft div span{
        width: 33.12%;
        font-size: rem(42);
        text-align: center;
        line-height: rem(108);
        display: inline-block;
      }
      @at-root .verification-ft div .verification-ft_middle{
        border-right:1px solid #898989 ;
        border-left:1px solid #898989 ;
      }
    }
    @at-root .verification-ft .verification-ft_last{
      border-bottom: 0;
      @at-root .verification-ft .verification-ft_last .verification-ft_bg{
        background: #d2d5db;
        @at-root .verification-ft .verification-ft_last .return{
          display: inline-block;
          width: rem(48);
          height: rem(48);
          vertical-align: middle;
          background-position: center;
          background-repeat: no-repeat;
          background-size: rem(34);
          background-image: url("./img/huitui.png");
        }
      }
    }
  }
  @at-root .verification-success{
    position: fixed;
    width: rem(150);
    text-align: center;
    border-radius: rem(5);
    z-index: 99;
    height: rem(150);
    top:52%;
    color: $mainColor;
    background: rgba(0,0,0,.5);
    font-size: rem(23);
    margin:0 rem(300);
    display: none;
    @at-root .verification-success i{
      display: inline-block;
      width: rem(150);
      height: rem(100);
      background-position: center;
      background-repeat: no-repeat;
      background-image: url("./img/selected.png");
    }
  }
  @at-root .verification-dialog{
    display: none;
    position: fixed;
    width: rem(750);
    height: 100vh;
    z-index: 99;
    top:0;
    background: rgba(0,0,0,.5);
    text-align: center;
    @at-root .verification-dialog_window{
      z-index: 999;
      position: absolute;
      width:50%;
      height: 15%;
      background-color:$mainColor;
      left:25%;
      top:34.5%;
      border-radius: rem(5);
      overflow: hidden;
      font-size: rem(18);
      @at-root .verification-dialog_window p{
        margin:0;
      }
      @at-root .verification-dialog_hd{
        font-size: rem(23);
<<<<<<< HEAD
        line-height:rem(45) ;
      }
      @at-root  .verification-dialog_window .verification-dialog_bd{
        line-height: rem(35);
        color: #808080;
        margin:rem(15) 0;
=======
        line-height:rem(35) ;
      }
      @at-root  .verification-dialog_window .verification-dialog_bd{
        line-height: rem(22);
        color: #808080;
        margin:rem(7.5) 0;
>>>>>>> 6f8218c87bf280261cea1b89b0e4b10fc5bca444
      }
      @at-root .verification-dialog_ft button{
        color: $mainColor;
        background: #30abfd;
        border:none;
        outline: none;
        width: rem(100);
<<<<<<< HEAD
        height: rem(45);
=======
        height: rem(35);
>>>>>>> 6f8218c87bf280261cea1b89b0e4b10fc5bca444
        font-size: rem(23);
      }
    }

  }
}